@use "sass:map";
@use "utils";

$vertical-nav-horizontal-padding-custom: 0.75rem;

/* ℹ️ We created this SCSS var to extract the start padding
   Docs: https://sass-lang.com/documentation/modules/string
   $vertical-nav-horizontal-padding => 0 8px;
   string.slice(0 8px, 2, -1) => 8px => $card-actions-padding-x */

$vertical-nav-horizontal-padding-start: utils.get-first-value($vertical-nav-horizontal-padding-custom) !default;
$vertical-nav-items-icon-margin-inline-end: 0 !default;

@forward "@base/@core/scss/base/variables" with (
  $layout-vertical-nav-collapsed-width: 70px !default,
  // ℹ️ This is used to keep consistency between nav items and nav header left & right margin
  // This is used by nav items & nav header
  $vertical-nav-horizontal-spacing: 0 !default,
  $vertical-nav-header-inline-spacing: 0 !default,
  $vertical-nav-horizontal-padding: $vertical-nav-horizontal-padding-custom !default,
  // Vertical nav header padding
  $vertical-nav-header-padding: 1.25rem 0 1.25rem $vertical-nav-horizontal-padding-start !default,

  // Vertical nav icons
  $vertical-nav-items-icon-size: 1.375rem !default,
  $vertical-nav-items-nested-icon-size: 0.5rem !default,

  // Section title margin top (when its not first child)
  $vertical-nav-section-title-mt: 1.5rem !default,

  $layout-vertical-nav-footer-height: 54px !default,

  // Horizontal nav icons
  $horizontal-nav-items-icon-size: 1.375rem !default,
  $horizontal-nav-items-icon-margin-inline-end: 0.5rem !default,

  // 👉 Horizontal nav
  $horizontal-nav-padding: 0.5rem !default,
  $horizontal-nav-third-level-icon-size: 0.5rem !default,

  // Gap between top level horizontal nav items
  $horizontal-nav-top-level-items-gap: 0.25rem !default,

  // ℹ️ This variable is used for horizontal nav popper content's `margin-top` and "The bridge"'s height. We need to sync both values.
  $horizontal-nav-popper-content-top: calc(0.625rem) !default,

  $font-sizes: (
    "sm": 0.8125rem,
    "base": 1rem,
  ),
  $font-line-height: (
    "base": 1.375rem,
  ),
);
